var imgbtn=document.querySelector(".modifier.image");//主页面图片按钮
//上传图片--------------------------------------------------
imgbtn.onclick=function(){
    if ( typeof(FileReader) === 'undefined' ){
        alert("抱歉，你的浏览器不支持 FileReader，请使用现代浏览器操作！");
    } else {
        addimgbtn.addEventListener( 'change',createimg,false );
    };
};
function createimg(){
    var file = this.files[0];
    console.log(file);
    //判断下类型
    if(!/image\/\w+/.test(file.type)){
        alert("请确保文件为图像类型");
        return false;
    }
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function(e){
        imgresult=this.result;
        $("#sendimginfo").css("display","block");
        $.ajax({
            type: "POST",
            url: "http://42.62.66.198:9001/api/PuluQuestion/UploadImg",
            data: { "base64":imgresult, "type": ".jpg","flag":2},//flag:1表示头像，2普通照片
            success: function (data) {
                thisimgname=data.Data;
                var divheight=$(".modifier.image").eq(0).height();
                if(!imghash[thisimgname]){
                    imghash[thisimgname]=thisimgname;
                }
                $("#sendimginfo").css("display","none");
                $("<div class='mainshowimgbox' style='height:21vw;width:21vw;overflow:hidden;' onclick='showbigimg(this)' data-imgurl='"+thisimgname+"' data-img='"+thisimgname+"'><img src='"+imgurl+thisimgname+"'></div>").insertBefore("#questionbody .modifier.image");
                if($(".mainshowimgbox").length>=9){
                    $(imgbtn).css("display","none");
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {

            }
        });
    }
}
//展示大图
function showbigimg(e){
    winscrolltop=$(window).scrollTop();
    //console.log(winscrolltop);
    $("#page_wrapper").css("display","none");
    $("#showimg").attr("src",imgurl+ e.dataset.imgurl);//大图片的地址 和 Id 相同
    $("#digimgplace").css("display","block");
    var bigheight=$("#digimgplace").height();
    var imgheight=$("#showimg").height();
    if(bigheight>imgheight){
        $("#showimg").css("marginTop",(bigheight-imgheight)/2);
    }
    delimgid=e.dataset.img;//地址 和 Id 相同
}